<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>我的个人网站</title>
    <style>
        * { margin: 0; padding: 0;}
        a{color: #000000;text-decoration: none;}
        a:hover{color: #FF0000;}

        .mytitle{text-align: center;}
        #dowebok { width: 90%; margin: 0 auto; font-size: 14px;}
        #dowebok li { float: left; width: 30%; margin-left: 1%; padding-top: 1%;}
        #dowebok li img { width: 100%;}
        #dowebok li .dt { width: 100%;text-align: center;}
        #dowebok li{list-style-type: none;}
    </style>
</head>

<body>
<h1 class="mytitle">179000612 陈攀文</h1>
<ul id="dowebok">
    <li>
        <div><a href="#"><img data-original="image/pic5.jpg" src="image/web2.jpg" height="238" alt="图片1"></a></div>
        <div class="dt"><a href="homework/index1.html">练习1：切片(第一次作业)</a></div>
    </li>
    <li>
        <div><img data-original="image/pic2.jpg" src="image/xg.jpg" height="238" alt="图片2"></div>
        <div class="dt"><a href="homework/index2.html">练习2：表格布局（第二次作业）</a></div>
    </li>
    <li>
        <div><img data-original="image/pic4.jpg" src="image/login.JPG" height="238" halt="图片1"></div>
        <div class="dt"><a href="homework/index3.html">练习3：登陆页面（第三次作业）></a></div>
    </li>
    <li>
        <div><img data-original="image/pic4.jpg" src="image/dayingtx.png" height="238" halt="图片2"></div>
        <div class="dt"><a href="homework/index4.html">练习4：页面显示5行的三角形、平行四边形和菱形</a></div>
    </li>
    <li>
        <div><img data-original="image/pic2.jpg" src="image/fruit.jpg" height="238" alt="图片1"></div>
        <div class="dt"><a href="homework/index5.html">练习5：DOM操作</a></div>
    </li>
    <li>
        <div><img data-original="image/ssm3.jpg" src="image/shijian.png" height="238" alt="图片2"></div>
        <div class="dt"><a href="homework/index6.html">练习6：事件</a></div>
    </li>
    <li>
        <div><img data-original="image/ssm3.jpg" src="image/shijian2.png" height="238" alt="图片2"></div>
        <div class="dt"><a href="homework/index7.html">练习7：时间</a></div>
    </li>
    <li>
        <div><img data-original="image/ssm3.jpg" src="image/jquery-DOM.png" height="238" alt="图片2"></div>
        <div class="dt"><a href="homework/index8.html">练习8：jquery-DOM</a></div>
    </li>
    <li>
        <div><img data-original="image/ssm3.jpg" src="image/shopping.png" height="238" alt="图片2"></div>
        <div class="dt"><a href="homework/index9.html">练习9：购物车</a></div>
    </li>
    <li>
        <div><img data-original="image/ssm3.jpg" src="image/shopping_2.png" height="238" alt="图片2"></div>
        <div class="dt"><a href="homework/index9_2.html">练习9-2：购物车</a></div>
    </li>
    <li>
        <div><img data-original="image/ssm3.jpg" src="image/jquery-dh.png" height="238" alt="图片2"></div>
        <div class="dt"><a href="homework/index10.html">练习10：Jquery-动画</a></div>
    </li>
    <li>
        <div><img data-original="image/ssm3.jpg" src="image/ajax应用.png" height="238" alt="图片2"></div>
        <div class="dt"><a href="homework/index11.html">练习11：ajax应用</a></div>
    </li>
    <li>
        <div><img data-original="image/ssm3.jpg" src="image/ssm3.jpg" height="238" alt="图片2"></div>
        <div class="dt"><a href="homework/love-name.html">练习12：love</a></div>
    </li>
    <li>
        <div><img data-original="image/ssm3.jpg" src="image/ssm3.jpg" height="238" alt="图片2"></div>
        <div class="dt"><a href="#">练习9：普通网页布局展示</a></div>
    </li>
    <li>
        <div><img data-original="image/ssm3.jpg" src="image/ssm3.jpg" height="238" alt="图片2"></div>
        <div class="dt"><a href="#">练习9：普通网页布局展示</a></div>
    </li>
    <li>
        <div><img data-original="image/ssm3.jpg" src="image/ssm3.jpg" height="238" alt="图片2"></div>
        <div class="dt"><a href="#">练习9：普通网页布局展示</a></div>
    </li>
    <li>
        <div><img data-original="image/ssm3.jpg" src="image/ssm3.jpg" height="238" alt="图片2"></div>
        <div class="dt"><a href="#">练习9：普通网页布局展示</a></div>
    </li>
</ul>


</body>
</html>